<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<title>ASP Cloud Storage</title>

<link rel="stylesheet" type="text/css" href="../css/mystyle.css"/>
<link rel="stylesheet" type="text/css" href="../js/jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css"/>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>
	function checkform(){
		var keyInput = document.getElementById("keyInput").value;
		var fileInput = document.getElementById("fileInput").value;
		if(keyInput != "" && fileInput!= ""){
			document.getElementById("uploadForm").submit();
		}else{
			alert("请填写文件名和文件路径");
		}
	}
</script>
</head>

<body>

<div data-role="page" id="login" data-theme="b">

    <div class="txssession" style="background-color:#DDD;">
    	<div class="ui-grid-a">
        	<div class="ui-block-a">
                <div style="margin:10px;"><div id="txsheader">ASP CS</div></div>
            </div>
            <div class="ui-block-b">
            	<div style="overflow:hidden;margin:10px;">
                	<div style="margin-right:10px;float:right;"><a href="#" style="text-decoration:none;font-size:14px;font-weight:normal;text-shadow:none;">LOGOUT</a></div>
                	<div style="margin-right:10px;float:right;"><a href="#" style="text-decoration:none;font-size:14px;font-weight:normal;text-shadow:none;">SETTINGS</a></div>
                	<div style="margin-right:10px;float:right;"><a href="#" style="text-decoration:none;font-size:14px;font-weight:normal;text-shadow:none;">USERNAME</a></div>
                </div>
            </div>
        </div>
    </div>
    
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#EEE;margin:0px;min-height:720px;"><tr><td align="center" valign="top" ><table border="0" cellpadding="0" cellspacing="0" class="txssession"><tr><td align="center" valign="top">
        <h2 style="color:#999;max-width:300px;">File Upload Setting</h2>
        <form id="uploadForm" method="post" action="http://up.qiniu.com/" enctype="multipart/form-data">
			<div style="max-width:400px;width:100%;">
        		<div class="ui-grid-solo">
        			
                		<input id="keyInput" name="key" type="text" value="" placeholder="File Name" />
						<div style="font-size:12px;color:#F63;text-align:left;">Require an unique File Name.</div>
                		<input id="fileInput" name="file" type="file" value="" />
                		<input name="token" type="hidden" value="${uploadToken}">
						<input name="x:fromUrl" type="hidden" value="${fromUrl}">
                	
                </div>
                <div class="ui-grid-a">
                	<div class="ui-block-a"><button type="button" onclick="checkform();" data-theme="b">Upload</button></div>
                    <div class="ui-block-b"><button type="button" onclick="history.back();"data-theme="a">Back</button></div>
                </div>
			</div>
		</form>
    </td></tr></table></td></tr></table>
    
    <div data-role="footer" data-position="fixed">
        <div>ASP CLOUD STORAGE</div>
    </div>
        

</div>

</body>
</html>
